<!DOCTYPE html>
<html>

<head>
	<link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="img/favicons/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="img/favicons/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="img/favicons/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="img/favicons/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="img/favicons/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="img/favicons/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="img/favicons/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="img/favicons/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="img/favicons/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="img/favicons/favicon-16x16.png">
	<link rel="manifest" href="img/favicons/manifest.json">
	<link rel="stylesheet" type="text/css" href="/assets/thinkbox/css/default.css">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="img/favicons/ms-icon-144x144.png">
	<meta name="theme-color" content="#ffffff">


	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-119603824-1"></script>
	<script>
		window.dataLayer = window.dataLayer || [];

		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());

		gtag('config', 'UA-119603824-1');
	</script>


	<title>ImgLab - Image Annotation tool</title>

	<link rel="stylesheet" href="css/style.min.css">
	<link rel="stylesheet" href="css/slider.1.min.css">
	<link rel="stylesheet" href="css/tags.min.css">
	<link rel="stylesheet" href="css/svg.select.min.css">
	<link rel="stylesheet" href="css/svg.min.css">
	<link rel="stylesheet" href="css/jquery-confirm.min.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/snackbar.min.css">
	<link rel="stylesheet" href="css/menu.min.css">
	<link rel="stylesheet" href="css/imglabfonts.css">
	<link rel="stylesheet" href="css/jquery-editable-select.min.css">
	<link rel="stylesheet" href="css/taggle.min.css">

	<script src="js/thirdparty/jquery.min.js"></script>
	<script src="js/thirdparty/jquery-confirm.min.js"></script>
	<script src="js/thirdparty/bootstrap.min.js"></script>
	<script src="js/thirdparty/riot.min.js"></script>

	<script src="js/thirdparty/Blob.js"></script>
	<script src="js/thirdparty/FileSaver.min.js"></script>
	<script src="js/thirdparty/fxp.js"></script>
	<script src="js/thirdparty/jquery-ui.min.js"></script>
	<script src="js/thirdparty/nimn.js"></script>
	<script src="js/thirdparty/jquery-editable-select.min.js"></script>
	<script src="js/thirdparty/taggle.min.js"></script>
	<script src="/assets/thinkbox/jquery.ThinkBox.min.js"></script>

		<script type="text/javascript">
	
$.browser ={};
$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());
$.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
$.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
$.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());
</script>
</head>

<body>
	<div class="container-fluid">
		<div id="menubar" class="row overlay-color align-items-center" style="height: 50px;">
			<div class="col-3 col-sm-2 col-md-1 col-xl-1 no-pl">
				<menu-dropdown></menu-dropdown>
			</div>
			<div class="col-6 col-sm-6 col-md-7 col-xl-7 text-center">
				<!-- form-inline input-group -->
				<div class="row justify-content-center align-content-center">
					<a href="https://github.com/NaturalIntelligence/imglab">
						<img src="img/imglab_logo.png" height="48px" style="margin-top: 2px">
					</a>
					<span style="font-size: 2em; margin-top:5px;">Img Lab</span>
				</div>
			</div>
			<div class="col-3 col-sm-4 col-md-4 col-xl-4">
				<div class="form-inline flex-row-reverse float-right">
					<a class="btn btn-info" onclick="javascript:displayDonationPrompt()" style="margin: 0px 10px;display: none;">Donate</a>
					<shortcuts class="d-none d-md-block"></shortcuts>
					<plugins-menu  class="d-none d-md-block"></plugins-menu>
				</div>
			</div>

		</div>
		<!-- End of Menubar -->
	</div>
	<div class="flex-row">
		<div class="d-flex flex-row" style="height: calc(100vh - 50px);">
			<div id="toolbar" class="d-flex flex-column overlay-color grey-border">
				<toolbox tools="labelling"></toolbox>
				<toolbox class="mt-auto toolbox-border-top" tools="canvas"></toolbox>
			</div>
			<div class="d-flex flex-column base-color" style="width: 100vw">
				<div>
					<actionbar></actionbar>
				</div>
				<div>
					<workarea></workarea>
				</div>
				<div class="grey-border mt-auto" style="height: 100px; width: 100%; margin: 0px 2px;">
					<images-slider thumbnail_width="90px" class="mt-auto"></images-slider>
				</div>
			</div>
			<div id="sidebar" class="p-2 overlay-color grey-border" style="width: 350px;">
				<label-panel></label-panel>
			</div>
		</div>

		<div id="snackbar"></div>
		<plugin-window></plugin-window>
	</div>

	<cookie-alert></cookie-alert>

	<script src="js/prompt.js"></script>
	<script src="js/config.js"></script>
	<!-- <script src="tags/tags.js"></script> -->
	<script src="js/thirdparty/riot+compiler.min.js"></script>

	<script src="tags/cookie-alert.tag.html" type="riot/tag"></script>
	<script src="tags/images-slider.tag.html" type="riot/tag"></script>
	<script src="tags/menu.tag.html" type="riot/tag"></script>
	<script src="tags/pluginsMenu.tag.html" type="riot/tag"></script>
	<script src="tags/shortcuts.tag.html" type="riot/tag"></script>
	<script src="tags/toolbox.tag.html" type="riot/tag"></script>
	<script src="tags/workarea.tag.html" type="riot/tag"></script>
	<script src="tags/pluginWindow.tag.html" type="riot/tag"></script>
	<script src="tags/plugins/facepp.tag.html" type="riot/tag"></script>
	<script src="tags/actionbar.tag.html" type="riot/tag"></script>
	<script src="tags/trackinglines.tag.html" type="riot/tag"></script>
	<script src="tags/settings-window.tag.html" type="riot/tag"></script>
	<script src="tags/label-panel.tag.html" type="riot/tag"></script>
	<script src="tags/attributes-list.tag.html" type="riot/tag"></script>

	<script src="tags/actions/lightbulb-action.tag.html" type="riot/tag"></script>
	<script src="tags/actions/landmark-action.tag.html" type="riot/tag"></script>
	<script src="tags/actions/zoom-action.tag.html" type="riot/tag"></script>
	<script src="tags/actions/colorpicker-action.tag.html" type="riot/tag"></script>

	<script type="text/javascript">
		eventBus = riot.observable();
        riot.mount("cookie-alert");
		riot.mount("menu-dropdown, plugins-menu, shortcuts");
		riot.mount("actionbar");
		riot.mount("toolbox");
		riot.mount("images-slider");

		$(function () {
			$('[data-toggle="tooltip"]').tooltip();
		})
	</script>
	<script src="js/settings.js"></script>
	<script src="js/thirdparty/svg.min.js"></script>
	<script src="js/thirdparty/svg.draw.min.js"></script>
	<script src="js/thirdparty/svg.select.min.js"></script>
	<script src="js/thirdparty/svg.resize.min.js"></script>
	<script src="js/thirdparty/svg.draggable.min.js"></script>

	<script src="js/storePersistor.js"></script>
	<script src="js/store.js"></script>
	<script src="js/savefile.js"></script>
	<script src="js/openfile.js"></script>
	<script src="dataformaters/dlib.js"></script>
	<script src="js/app.js"></script>
	<script src="js/nimnObjStructure.js"></script>

	<script src="dataformaters/coco.js"></script>
	<script src="dataformaters/pascal_voc.js"></script>
	<script async defer src="https://buttons.github.io/buttons.js"></script>

<script type="text/javascript">
	
	var ll = {
    "request_id": "1659666857,170699c7-f7f2-4ced-890c-803b7c693afd",
    "time_used": 124,
    "faces": [
        {
            "face_token": "ab48b341b112a4b4105b932a4f27ac82",
            "face_rectangle": {
                "top": 121,
                "left": 296,
                "width": 132,
                "height": 132
            },
            "landmark": {
                "contour_chin": {
                    "x": 368,
                    "y": 251
                },
                "contour_left1": {
                    "x": 297,
                    "y": 136
                },
                "contour_left10": {
                    "x": 314,
                    "y": 216
                },
                "contour_left11": {
                    "x": 319,
                    "y": 223
                },
                "contour_left12": {
                    "x": 325,
                    "y": 230
                },
                "contour_left13": {
                    "x": 332,
                    "y": 236
                },
                "contour_left14": {
                    "x": 340,
                    "y": 242
                },
                "contour_left15": {
                    "x": 348,
                    "y": 247
                },
                "contour_left16": {
                    "x": 358,
                    "y": 250
                },
                "contour_left2": {
                    "x": 297,
                    "y": 145
                },
                "contour_left3": {
                    "x": 297,
                    "y": 154
                },
                "contour_left4": {
                    "x": 298,
                    "y": 163
                },
                "contour_left5": {
                    "x": 299,
                    "y": 172
                },
                "contour_left6": {
                    "x": 301,
                    "y": 181
                },
                "contour_left7": {
                    "x": 304,
                    "y": 190
                },
                "contour_left8": {
                    "x": 306,
                    "y": 199
                },
                "contour_left9": {
                    "x": 310,
                    "y": 208
                },
                "contour_right1": {
                    "x": 428,
                    "y": 136
                },
                "contour_right10": {
                    "x": 416,
                    "y": 213
                },
                "contour_right11": {
                    "x": 412,
                    "y": 221
                },
                "contour_right12": {
                    "x": 407,
                    "y": 228
                },
                "contour_right13": {
                    "x": 401,
                    "y": 234
                },
                "contour_right14": {
                    "x": 394,
                    "y": 240
                },
                "contour_right15": {
                    "x": 387,
                    "y": 246
                },
                "contour_right16": {
                    "x": 378,
                    "y": 249
                },
                "contour_right2": {
                    "x": 429,
                    "y": 145
                },
                "contour_right3": {
                    "x": 429,
                    "y": 153
                },
                "contour_right4": {
                    "x": 428,
                    "y": 162
                },
                "contour_right5": {
                    "x": 427,
                    "y": 171
                },
                "contour_right6": {
                    "x": 426,
                    "y": 179
                },
                "contour_right7": {
                    "x": 424,
                    "y": 188
                },
                "contour_right8": {
                    "x": 422,
                    "y": 197
                },
                "contour_right9": {
                    "x": 420,
                    "y": 205
                },
                "left_eye_bottom": {
                    "x": 335,
                    "y": 150
                },
                "left_eye_center": {
                    "x": 337,
                    "y": 143
                },
                "left_eye_left_corner": {
                    "x": 321,
                    "y": 145
                },
                "left_eye_lower_left_quarter": {
                    "x": 327,
                    "y": 148
                },
                "left_eye_lower_right_quarter": {
                    "x": 343,
                    "y": 150
                },
                "left_eye_pupil": {
                    "x": 337,
                    "y": 143
                },
                "left_eye_right_corner": {
                    "x": 351,
                    "y": 149
                },
                "left_eye_top": {
                    "x": 336,
                    "y": 139
                },
                "left_eye_upper_left_quarter": {
                    "x": 328,
                    "y": 140
                },
                "left_eye_upper_right_quarter": {
                    "x": 345,
                    "y": 142
                },
                "left_eyebrow_left_corner": {
                    "x": 312,
                    "y": 130
                },
                "left_eyebrow_lower_left_quarter": {
                    "x": 323,
                    "y": 129
                },
                "left_eyebrow_lower_middle": {
                    "x": 334,
                    "y": 130
                },
                "left_eyebrow_lower_right_corner": {
                    "x": 354,
                    "y": 137
                },
                "left_eyebrow_lower_right_quarter": {
                    "x": 344,
                    "y": 133
                },
                "left_eyebrow_upper_left_quarter": {
                    "x": 323,
                    "y": 125
                },
                "left_eyebrow_upper_middle": {
                    "x": 334,
                    "y": 124
                },
                "left_eyebrow_upper_right_corner": {
                    "x": 355,
                    "y": 132
                },
                "left_eyebrow_upper_right_quarter": {
                    "x": 346,
                    "y": 127
                },
                "mouth_left_corner": {
                    "x": 341,
                    "y": 210
                },
                "mouth_lower_lip_bottom": {
                    "x": 367,
                    "y": 225
                },
                "mouth_lower_lip_left_contour1": {
                    "x": 354,
                    "y": 213
                },
                "mouth_lower_lip_left_contour2": {
                    "x": 347,
                    "y": 218
                },
                "mouth_lower_lip_left_contour3": {
                    "x": 356,
                    "y": 223
                },
                "mouth_lower_lip_right_contour1": {
                    "x": 378,
                    "y": 213
                },
                "mouth_lower_lip_right_contour2": {
                    "x": 384,
                    "y": 218
                },
                "mouth_lower_lip_right_contour3": {
                    "x": 377,
                    "y": 223
                },
                "mouth_lower_lip_top": {
                    "x": 367,
                    "y": 215
                },
                "mouth_right_corner": {
                    "x": 389,
                    "y": 211
                },
                "mouth_upper_lip_bottom": {
                    "x": 368,
                    "y": 209
                },
                "mouth_upper_lip_left_contour1": {
                    "x": 362,
                    "y": 202
                },
                "mouth_upper_lip_left_contour2": {
                    "x": 351,
                    "y": 205
                },
                "mouth_upper_lip_left_contour3": {
                    "x": 345,
                    "y": 210
                },
                "mouth_upper_lip_left_contour4": {
                    "x": 355,
                    "y": 209
                },
                "mouth_upper_lip_right_contour1": {
                    "x": 374,
                    "y": 202
                },
                "mouth_upper_lip_right_contour2": {
                    "x": 383,
                    "y": 205
                },
                "mouth_upper_lip_right_contour3": {
                    "x": 386,
                    "y": 211
                },
                "mouth_upper_lip_right_contour4": {
                    "x": 378,
                    "y": 209
                },
                "mouth_upper_lip_top": {
                    "x": 368,
                    "y": 203
                },
                "nose_bridge1": {
                    "x": 368,
                    "y": 143
                },
                "nose_bridge2": {
                    "x": 367,
                    "y": 155
                },
                "nose_bridge3": {
                    "x": 367,
                    "y": 168
                },
                "nose_left_contour1": {
                    "x": 359,
                    "y": 147
                },
                "nose_left_contour2": {
                    "x": 355,
                    "y": 173
                },
                "nose_left_contour3": {
                    "x": 352,
                    "y": 184
                },
                "nose_left_contour4": {
                    "x": 356,
                    "y": 188
                },
                "nose_left_contour5": {
                    "x": 361,
                    "y": 189
                },
                "nose_middle_contour": {
                    "x": 367,
                    "y": 191
                },
                "nose_right_contour1": {
                    "x": 377,
                    "y": 147
                },
                "nose_right_contour2": {
                    "x": 380,
                    "y": 174
                },
                "nose_right_contour3": {
                    "x": 383,
                    "y": 184
                },
                "nose_right_contour4": {
                    "x": 378,
                    "y": 188
                },
                "nose_right_contour5": {
                    "x": 373,
                    "y": 189
                },
                "nose_tip": {
                    "x": 366,
                    "y": 180
                },
                "right_eye_bottom": {
                    "x": 399,
                    "y": 151
                },
                "right_eye_center": {
                    "x": 397,
                    "y": 144
                },
                "right_eye_left_corner": {
                    "x": 384,
                    "y": 148
                },
                "right_eye_lower_left_quarter": {
                    "x": 391,
                    "y": 149
                },
                "right_eye_lower_right_quarter": {
                    "x": 407,
                    "y": 149
                },
                "right_eye_pupil": {
                    "x": 397,
                    "y": 144
                },
                "right_eye_right_corner": {
                    "x": 412,
                    "y": 145
                },
                "right_eye_top": {
                    "x": 399,
                    "y": 139
                },
                "right_eye_upper_left_quarter": {
                    "x": 390,
                    "y": 141
                },
                "right_eye_upper_right_quarter": {
                    "x": 406,
                    "y": 140
                },
                "right_eyebrow_lower_left_corner": {
                    "x": 382,
                    "y": 135
                },
                "right_eyebrow_lower_left_quarter": {
                    "x": 393,
                    "y": 131
                },
                "right_eyebrow_lower_middle": {
                    "x": 404,
                    "y": 129
                },
                "right_eyebrow_lower_right_quarter": {
                    "x": 414,
                    "y": 128
                },
                "right_eyebrow_right_corner": {
                    "x": 424,
                    "y": 131
                },
                "right_eyebrow_upper_left_corner": {
                    "x": 381,
                    "y": 131
                },
                "right_eyebrow_upper_left_quarter": {
                    "x": 392,
                    "y": 126
                },
                "right_eyebrow_upper_middle": {
                    "x": 403,
                    "y": 123
                },
                "right_eyebrow_upper_right_quarter": {
                    "x": 415,
                    "y": 123
                }
            }
        }
    ],
    "image_id": "vMQx5Q4GrbmuvskNdi4l9A==",
    "face_num": 1
};
</script>
	
</body>

</html>
